<template>
    <div class="exception">
        <img src="../assets/images/404.jpeg" alt="404页面" />
        <el-button @click="goHome()" class="btn-home">返回登录页面</el-button>
    </div>
</template>

<script setup>
    import {
        useRouter
    } from 'vue-router';

    const router = useRouter()
    const goHome = () => {
        router.push('/login')
    }
</script>


<style lang="scss">
    .exception {
        position: relative;

        img {
            width: 100%;
            height: 99vh;
        }

        .btn-home {
            position: absolute;
            bottom: 100px;
            left: 50%;
            margin-left: -34px;
        }
    }
</style>